<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>WebRTC Chat</title>
    <script src="/_ah/channel/jsapi"></script>
    <style>
      body {
        background-color: black;
        margin: 0 auto;
        text-align: center;
      }
      video {
        padding: 40px;
        width: auto;
        height: auto;
        -webkit-transition: opacity 1s ease-in-out;
      }
      video:first-child {
        -webkit-transform: scaleX(-1);
      }
      .hidden {
        opacity: 0;
      }
    </style>
  </head>
  <body>
    <video id="localVideo" autoplay></video>
    <video id="remoteVideo" autoplay class="hidden"></video>
    
    <script src="/js/adapter.js"></script>
    <script src="/js/peerConnection.js"></script>
    <script src="/js/camera.js"></script>
    <script src="/js/channel.js"></script>
  </body>
</html>
